<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/base-admin-template.xhtml">
	
	<!-- Se pone el link de los vehiculos en estado activo -->
<!-- 	          	 <ui:insert name="link_usuarios"><li class="active"><a href="#{request.contextPath}/pages/gestionDeUsuarios/gestion_de_usuarios.xhtml">Gestión de usuarios</a></li></ui:insert>
 -->
 
 	<ui:define name="link_usuarios"><li class="active"><a href="#{request.contextPath}/pages/gestionDeUsuarios/gestion_de_clientes.xhtml">Gestión de usuarios</a></li></ui:define>
 


		<!-- Aqui se define el contenido para esta pantalla -->
	
	<ui:define name="main">
	
	 <h1 class="page-header">Gestión de clientes de la empresa Alquicar</h1>
	
	
	<h2 class="sub-header">Alta de clientes</h2>
	
		<h:form id="form_crear_cliente">
			
				<p:messages id="msgs"  />
				
				<!-- style="margin-bottom:10px" -->
		
		        <h:panelGrid columns="2" style="margin-bottom:10px"  cellspacing="100">    
		   
		       
		         <p:outputLabel  value="Nombre: " />
		      	 <p:inputText id="input_nombre" value="#{clientesBean.nombreCliente}" />
		      	 
		      	 <p:outputLabel  value="Nif: " />
		      	 <p:inputText id="input_nif" value="#{clientesBean.nifCliente}" />
		      	 
		      	 <p:outputLabel  value="Email: " />
		      	 <p:inputText id="input_email" value="#{clientesBean.emailCliente}" />
		            
		         <p:outputLabel  value="Password: " />
		      	 <p:inputText id="input_pass" value="#{clientesBean.passwordCliente}" />
		        
		         <p:outputLabel  value="Código Postal: " />
		      	 <p:inputText id="input_postal" value="#{clientesBean.codPostalCliente}" />
		      	 
		      	 <p:outputLabel  value="Dirección Postal: " />
		      	 <p:inputText id="input_peso" value="#{clientesBean.direccionPostalCliente}" />
		      	 
		      	</h:panelGrid>
		        
		         
		         <p:outputLabel value="Añada los carnets del cliente: " />
		         
		         <h:panelGrid id="carnets_input" columns="5" style="margin-bottom:10px"  cellspacing="100">   
		      	 
		      	 	
		      	 	<p:outputLabel  value="Carnets cliente: " />
		      	  
		      	 
			         
			        <p:selectOneMenu id="menu_carnets" value="#{clientesBean.carnetSeleccionadoString}" effect="fade" >
			            <f:selectItem itemLabel="Elige uno" itemValue="" />
			            <f:selectItems value="#{clientesBean.carnetsString}" />
			        </p:selectOneMenu>
       
			        
			         
			      	 <p:outputLabel rendered="true"   value="Válido hasta: " />
			        
			         <p:calendar id="carnet_calendar" value="#{clientesBean.fechaValido}" locale="es" navigator="true" pattern="dd-MM-yyyy" />
			         
					<p:commandButton value="Añadir" update="msgs,lista_carnets_panel" actionListener="#{clientesBean.addCarnet}"/>
					          <!-- <f:ajax execute="carnets_input" render="carnets_input" /> -->
					
		
			     </h:panelGrid>
			     
			     <p:outputPanel id="lista_carnets_panel" >
			         <p:dataList id="lista_carnets" rendered="#{clientesBean.renderCarnetsIntroducidos}"  value="#{clientesBean.carnetsIntroducidos}" var="carnet" >
			      	#{carnet.nombre}, #{carnet.fechaValido}
			    	</p:dataList>
 
			     </p:outputPanel>   
		     
		   
		           
		        <p:commandButton value="Registrar cliente" update="msgs,:form_lista_clientes:clientesTable" actionListener="#{clientesBean.nuevoCliente}" icon="ui-icon-check" > 
		        	<p:confirm header="Confirmación" message="¿Estás seguro?" icon="ui-icon-alert" /> 
		    	</p:commandButton>
		            
		         <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
		        	<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>
		        	<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>     
		    	</p:confirmDialog>
		
		
		                 
		</h:form>
	
	
	
	<h2 class="sub-header">Listado de clientes</h2>
	
	<h:form id="form_lista_clientes">


    <p:dataTable var="cliente" value="#{clientesBean.clientes}" rowKey="#cliente.idCliente}" paginator="true" rows="10"
                 filteredValue="#{clientesBean.clientesFiltrados}" id="clientesTable">
 
        
        <p:column headerText="Id" sortBy="idCliente" filterBy="idCliente" id="col_idCliente">
            <h:outputText value="#{cliente.idCliente}" />
        </p:column>
 
 
        <p:column headerText="Nif" sortBy="nif" filterBy="nif" id="col_nif">
            <h:outputText value="#{cliente.nif}" />
        </p:column>
        
        <p:column headerText="Nombre" sortBy="nombre" filterBy="nombre" id="col_nombre">
            <h:outputText value="#{cliente.nombre}" />
        </p:column>
 
 
 
        <p:column headerText="Bloqueado" sortBy="bloqueado" filterBy="bloqueado" id="col_bloqueado">
             <h:outputText value="#{cliente.bloqueado}" />
        </p:column>
        
        
        <p:column headerText="Cod postal " sortBy="codigoPostal" filterBy="codigoPostal" id="col_codigoPostal">
             <h:outputText value="#{cliente.codigoPostal}" />
        </p:column>
        
         <p:column headerText="Dirección " sortBy="direccionPostal" filterBy="direccionPostal" id="col_direccionPostal">
             <h:outputText value="#{cliente.direccionPostal}" />
        </p:column>
        
         <p:column headerText="Email  " sortBy="email" filterBy="email" id="col_email">
             <h:outputText value="#{cliente.email}" />
        </p:column>

        
 
    </p:dataTable>
    
 </h:form>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	</ui:define>

</ui:composition>
</html>